<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" id="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="wap-font-scale" content="no">
    <title>权限说明</title>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body style="font-size: 12px;">

<script>
    // 这个只是计算公式这里算的不准
    // document.documentElement.style.fontSize = document.documentElement.clientWidth / 640*100 + 'px';
    // document.documentElement.style.fontSize = 100 + 'px';

    var dpr, rem, scale;
    var docEl = document.documentElement;
    var fontEl = document.createElement('style');
    var metaEl = document.querySelector('meta[name="viewport"]');

    dpr = window.devicePixelRatio || 1;
    console.log(docEl.clientWidth);
    rem = docEl.clientWidth * dpr / 10;
    scale = 1 / dpr;

    // 设置viewport，进行缩放，达到高清效果
    metaEl.setAttribute('content', 'width=' + docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no');

    // 设置data-dpr属性，留作的css hack之用
    docEl.setAttribute('data-dpr', dpr);

    // 动态写入样式
    docEl.firstElementChild.appendChild(fontEl);
    fontEl.innerHTML = 'html{font-size:' + rem + 'px!important;}';

    // 给js用的，某一dpr下rem和px之间的转换函数
    window.rem2px = function (v) {
        v = parseFloat(v);
        return v * rem;
    };
    window.px2rem = function (v) {
        v = parseFloat(v);
        return v / rem;
    };
    window.dpr = dpr;
    window.rem = rem;

</script>

<div id="app">
    <div class="wrapper">
        <div data-v-323e8ffd="" class="main">
            <article data-v-323e8ffd="" class="article"><h1 data-v-323e8ffd="">瑞雅名片APP权限说明</h1>
                <p data-v-323e8ffd="">在您使用瑞雅名片APP时，需要开启以下权限，以便我们获取必须收集的基础信息，向您提供相关服务；</p>
                <ul data-v-323e8ffd="">
                    <li data-v-323e8ffd="">
                        <div data-v-323e8ffd="" class="pic"><img data-v-323e8ffd=""
                                                                 src=""
                                                                 alt=""></div>
                        <div data-v-323e8ffd="" class="txt"><span data-v-323e8ffd="" class="s-tit">设备信息</span> <span
                                data-v-323e8ffd="" class="s-des">为了正常识别手机设备，以标识您为瑞雅名片用户。</span></div>
                    </li>
                    <li data-v-323e8ffd="">
                        <div data-v-323e8ffd="" class="pic"><img data-v-323e8ffd=""
                                                                 src=""
                                                                 alt=""></div>
                        <div data-v-323e8ffd="" class="txt"><span data-v-323e8ffd="" class="s-tit">存储权限</span> <span
                                data-v-323e8ffd="" class="s-des">获取此权限用于读取合成后的名片，否则您将无法读取名片列表。</span></div>
                    </li>
                </ul>
                <p data-v-323e8ffd="">以下权限仅在部分功能中使用，如果不开启以下权限，不会影响您正常阅读。您可以去设置-权限管理中管理该权限。</p>
                <ul data-v-323e8ffd="">
                    <li data-v-323e8ffd="">
                        <div data-v-323e8ffd="" class="pic"><img data-v-323e8ffd=""
                                                                 src=""
                                                                 alt=""></div>
                        <div data-v-323e8ffd="" class="txt"><span data-v-323e8ffd="" class="s-tit">相机</span> <span
                                data-v-323e8ffd="" class="s-des">使用帮助与反馈功能时，需要获取此权限，上传反馈图片。</span></div>
                    </li>
                </ul>
            </article>
        </div>
    </div>
    <article data-v-3b58cfd0="" class="km-loading-page" style="display: none;">
        <div data-v-3b58cfd0="" id="loading-page" class="loading-pic"></div>
    </article>
    <div data-v-28d9f106="" class="km-toast" style="display: none;">
        <div data-v-28d9f106="" class="km-toast-con"><!---->
            <article data-v-28d9f106="" class="txt"><!----> <!----></article>
        </div>
    </div>
</div>
</body>
</html>